<template>
  <div
    :class="[
      quick_func_float_border_cla,
      quick_func_float_default_poi_cla,
      css_wind_light_hover,
      css_circle,
      css_cursor_pointer,
    ]"
    :id="quick_func_float_border_id"
    v-drag
  >
    <div
      :class="[
        quick_func_float_icon_cla,
        quick_func_float_static_item_cla,
        css_color_active,
      ]"
      :id="quick_func_float_icon_id"
    >
      <span>i</span>
    </div>
    <div
      :class="[
        quick_func_float_nosingle_cla,
        quick_func_float_static_item_cla,
        css_disnone,
        css_color_hot,
      ]"
      :id="quick_func_float_nosingle_id"
    >
      <span></span>
    </div>
    <div
      :class="[quick_func_float_view_container_cla, css_disnone]"
      :id="quick_func_float_view_container_id"
    ></div>
  </div>
</template>

<script setup>
import { onMounted } from 'vue';

import './quick_func_float.css';
import {
  quick_func_float_border_cla,
  quick_func_float_border_id,
  quick_func_float_default_poi_cla,
  quick_func_float_icon_cla,
  quick_func_float_icon_id,
  quick_func_float_nosingle_cla,
  quick_func_float_nosingle_id,
  quick_func_float_static_item_cla,
  quick_func_float_view_container_cla,
  quick_func_float_view_container_id,
} from './DataDefine/sourceData';
import {
  css_disnone,
  css_wind_light_hover,
} from '../../../DataDefine/sourceData';
import {
  css_circle,
  css_color_active,
  css_color_hot,
  css_cursor_pointer,
} from '../../../../css';
import { init_qff } from './quick_func_float';

onMounted(() => {
  init_qff();
});
</script>
